<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>优酷布局</title>
    <link rel="shortcut icon" href="images/1.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="images\font-awesome\css\font-awesome.min.css">
</head>
<body>
    <!-- header -->
<div class="header">
    <!-- 轮播模块 -->
    <div class="pic_show">
        <div class="bg"></div>
        <div class="contents head_r">
            <div class="head_r_menu right">
                <a href=""><span>2019两会闭幕：</span>全程回顾解读热点</a>
                <a href=""><span>以团之名</span>全程回顾解读热点</a>
                <a href=""><span>都挺好</span>全程回顾解读热点</a>
                <a href=""><span>2019两会闭幕：</span>全程回顾解读热点</a>
                <a href=""><span>2019两会闭幕：</span>全程回顾解读热点</a>
                <a href=""><span>2019两会闭幕：</span>全程回顾解读热点</a>
                <a href=""><span>2019两会闭幕：</span>全程回顾解读热点</a>
                <a style="border:none" href=""><span>2019两会闭幕：</span>全程回顾解读热点</a>

            </div>
        </div>
    </div>
    <!-- 顶部导航条 -->
    <div class="contents header_ul">
        <div class="logo left mt">
           <a href=""><img src="images/logo.png" alt=""></a>
            <form action="">
                <input type="text">
                <button>全网搜</button>
            </form>
        </div>
        <ul class="menu_li right mt">
            <li><i class="fa fa-star" style="color:#c4a25A"></i><br><span href="" style="color:#c4a25A">VIP</span></li>
            <li><i class="fa fa-wifi"></i><br><span>订阅</span></li>
            <li><i class="fa fa-clock-o"></i><br><span>记录</span></li>
            <div class="mark">
                <span class="arrow_mk"></span>
                    <button>登陆</button>
                    <span>同步各端记录</span>
                <i class="line_mk"></i>
                    <div class="not">
                        <div class="does"></div>
                        <span class="text">您暂时还没有观看记录呦～</span>
                    </div>
            </div>
            <li><i class="fa fa-arrow-up"></i><br><span>上传</span></li>
            <div class="upadd">
                <ul>
                    <li>
                        <a  class="vi fa fa-star" href="#"></a> 
                        <em>上传视频</em>
                    </li>
                    
                    <li>
                        <a  class="mg  fa fa-star" href="#"></a>
                        <em>视频管理</em>
                    </li>
                    <li>
                        <a  class="my  fa fa-star" href="#"></a>
                        <em>我的自频道</em>
                    </li>
                    <li style="margin:0;">
                        <a  class="data  fa fa-star" href="#"></a>
                        <em>数据分析</em>
                    </li>
                    <div class="clear"></div>
                    <div class="download">
                        <span class="arrow_dw"></span>
                        <i class="line_dw"></i>
                        <span>优酷PC客户端,看片免广告！</span>
                        <a href="">立即下载</a>
                    </div>
                </ul>
            </div>
            <li><i class="fa fa-desktop"></i><br><span>客户端</span></li>
            <div class="pc">
                <span class="arrow_pc"></span>
                <div class="yk left mt">
                    <img src="images/1.ico" alt="" width="48px">
                    <p>优酷客户端</p>
                    <span class="font_sp">快速·稳定的观看体验</span>
                </div>
                <i class="line"></i>
                <div class="qc left mt">
                    <img src="images/qc.jpg" alt="" width="48px">
                    <p>优酷移动APP</p>
                    <span class="font_sp">全网独播仅在手中</span>
                </div>
                <div class="clear"></div>
                    <div class="tvapp">
                        <img src="images/TVlogo.jpg" alt="" width="20px">
                        <h3>优酷TV版</h3><span class="font_sp">&nbsp;&nbsp;&nbsp;&nbsp;CIBN酷喵影视智能电视App</span>
                    </div>
                </div>
                <li><a href=""><img src="images/80.png" alt="" width="40px;" style="margin-top:-5px;"></a></li>
            <div class="box">
                <span class="arrow"></span>
                <p class="font">登陆使用更多功能</p>
                <button>登陆/注册</button>
            </div>
            <div class="clear"></div>
        </ul>
    </div>
    <div class="clear"></div>
</div>
<!-- header结束 -->
<!-- 影片类型 -->
<div class="contents">
    <div class="content">
        <ul class="voltage">
            <li><a href="">剧集</a><a href="">电影</a><a href="">综艺</a><a href="">动漫</a><a href="">娱乐</a><a href="">生活</a></li>            
            <span class="b_r"></span>
            <li><a href="">剧集</a><a href="">电影</a><a href="">综艺</a><a href="">动漫</a><a href="">娱乐</a><a href="">生活</a></li>
            <span class="b_r"></span>
            <li><a href="">剧集</a><a href="">电影</a><a href="">综艺</a><a href="">动漫</a><a href="">娱乐</a><a href="">生活</a></li>
            <span class="b_r"></span>
            <li><a href="">剧集</a><a href="">电影</a><a href="">综艺</a><a href="">动漫</a><a href="">娱乐</a><a href="">生活</a></li>
            <span class="b_r"></span>
            <li style="width:80px;"><a href="">资讯</a><br><a href="">VR</a></li>
            <span class="b_r"></span>
            <li class="hoc"><i class="fa fa-play"></i><br><span href="">优酷片库</span></li>
            <li class="hoc"><i class="fa fa-bar-chart"></i><br><span>指数排行</span></li>
            <li class="hoc"><i class="fa fa-quora"></i><br><span>大鱼号精选</span></li>
            <li class="hoc"><i class="fa fa-television"></i><br><span>下载应用</span></li>
        </ul>
    </div>
    <div class="clear"></div>
</div>
    <!-- content TV -->
    <div class="contents">
        <div class="content">
            <div class="contentUL">
                <h2>正在热播</h2>
            </div>
          <ul class="hot_tv">
              <li class="mr">
                <a href="">
                    <img src="images/a.jpg" alt=""><br>
                    <span>瞰中国：宁夏</span>
                </a><br>
                <small>低调的宁夏 美了四季</small>
              </li>
              <li class=" mr">
                <a href="">
                    <img src="images/b.jpg" alt=""><br>
                    <span>摘金奇缘</span>
                </a><br>
                <small>摘金奇缘</small>
              </li>
              <li class="mr">
                <a href="">
                    <img src="images/c.jpg" alt=""><br>
                    <span>王牌对王牌</span>
                </a><br>
                <small>中国最红王牌大PK</small>
              </li>
              <li class="mr">
                <a href="">
                    <img src="images/d.jpg" alt=""><br>
                    <span>我们村里的人</span>
                </a><br>
                <small>回乡创业带动乡村发展</small>
              </li>
              <li class="mr">
                <a href="">
                    <img src="images/e.jpg" alt=""><br>
                    <span>黑色四叶草</span>
                </a><br>
                <small>黑色暴牛骑士团</small>
              </li>
              <li>
                <a href="">
                    <img src="images/f.jpg" alt=""><br>
                    <span>大城晓聚</span>
                </a><br>
                <small>大城晓聚</small>
              </li>
          </ul>
        <div class="clear"></div>
        </div>
        <div class="content">
            <div class="contentUL">
                <h2 class="left">剧集></h2>
            <ul class="tab left">
                <li><a href="">最新</a></li>
                <li><a href="">大陆剧</a></li>
                <li><a href="">日韩剧</a></li>
                <li><a href="">港台剧</a></li>
                <li><a href="">英美剧</a></li>
            </ul>
            <div class="clear"></div>
            </div>
            <div class="tv_show">
                <div class="big_show left mr">
                    <a href="">
                        <img src="images/tv.jpg" alt=""><br>
                        <span>逆流而上的你·爆笑</span>
                    </a><br>
                    <small>新晋辣妈萌爸！潘粤明马丽咸鱼夫妻带娃逆袭！</small>
                </div>
                <ul class="tv_tab">
                    <li>
                        <a href="">
                            <img src="images/tv1.jpg" alt=""><br>
                            <span>都挺好</span>
                        </a><br>
                        <small>姚晨郭京飞陷亲情旋涡</small>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/tv2.jpg" alt=""><br>
                            <span>乡村爱情11</span>
                        </a><br>
                        <small>刘能赵四争C位</small>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/tv3.jpg" alt=""><br>
                            <span>小女花不弃</span>
                        </a><br>
                        <small>林依晨张彬彬苏甜来袭</small>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/tv4.jpg" alt=""><br>
                            <span>春暖花又开</span>
                        </a><br>
                        <small>姚芊羽李建上演新农村创业</small>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/tv5.jpg" alt=""><br>
                            <span>老中医</span>
                        </a><br>
                        <small>陈宝国冯远征许晴弘扬医道</small>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/tv6.jpg" alt=""><br>
                            <span>重耳传奇</span>
                        </a><br>
                        <small>春秋版“王子历险记”</small>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/tv7.jpg" alt=""><br>
                            <span>只为遇见你.甜蜜开播</span>
                        </a><br>
                        <small>霸气帅总撩动你的少女心</small>
                    </li>
                    <li>
                        <a href="">
                            <img src="images/tv8.jpg" alt=""><br>
                            <span>国宝奇旅</span>
                        </a><br>
                        <small>刘烨袁姗姗携手护国宝</small>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>
</html>